<style type="text/css">
#slideshow_inner a { opacity:0.7; margin: 0 7px; }
#slideshow_inner a:hover { opacity: 1; }
@charset "utf-8";
/* CSS Document */

* {
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
BODY {
	FONT: 12px arial;
	COLOR: #666666;
	font-family:arial;
	font-size:12px;
	/*font-size-adjust:none;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
}
:active {
	outline: none;
}
:focus {
	outline: none;
}
 
#content_container {
	padding: 10px;
}
#info_box_container {
	FLOAT: right;
	WIDTH: 65%;
	padding: 10px;
	border: thin solid #E8E8E8;
}
#lower_content_container {
	margin: 20px auto;
}
/*#content_container:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ".";
}
#upper_content_container:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ".";
}
.two_column:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ".";
}*/
#content_container {
}
#upper_content_container {
	HEIGHT: auto;
}
.two_column {
}
#navigation LI {
	DISPLAY: inline; LIST-STYLE-TYPE: none;
}
#navigation LI A {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; BACKGROUND: url(../images/tab-background.png) no-repeat right 50%; PADDING-BOTTOM: 14px; PADDING-TOP: 16px;
}
#navigation LI A:hover {
	BACKGROUND: url(../images/tab-background-active.png) no-repeat right 50%;
}
#navigation LI A.last_item {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#navigation LI A.last_item:hover {
	BACKGROUND: url(../images/tab-background-active-last.png) no-repeat right 50%;
}
#secondary_navigation {
	WIDTH: 45%;
	text-align: justify;
	background-image: url(../images/small-info-box-background.png);
	background-repeat: repeat-x;
	border-left: thin solid #E8E8E8;
	border-right: thin solid #E8E8E8;
	padding:5px;
}
#secondary_navigation H1 {
	FONT-SIZE: 1.4em;
}
#secondary_navigation UL {
	MARGIN-BOTTOM: 40px;
	text-align:left;
}
#secondary_navigation LI {
	MARGIN-TOP: 5px; LIST-STYLE-TYPE: none;
}
 
#secondary_navigation .active a{
	FONT-WEIGHT: bold;
	border: thin dotted #00CCFF;
	padding: 2px;
	padding-left:23px;
	padding-right:15px;
	background-image:url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.info_box_top {
	HEIGHT: 15px;
	margin-bottom: 5px;
	padding-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color:#FFCC33;
	font-weight: bold;
}
.info_box_middle {
	margin-left:7px;
	margin-right:7px;
}
.info_box_bottom {
	clear:both;
	HEIGHT: 15px;
	margin-left:5px;
	margin-right:5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color:#FFCC33;
}
.info_box_content {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
}
.info_box_content H1 {
	CLEAR: both; FONT-SIZE: 2em; MARGIN-BOTTOM: 10px;
}
.info_box_content H2 {
	CLEAR: both; FONT-SIZE: 1.25em; MARGIN-BOTTOM: 2px;
}
.info_box_content H3 {
	CLEAR: both; FONT-SIZE: 1em; MARGIN-BOTTOM: 2px;
}
.info_box_content P {
	MARGIN-BOTTOM: 15px; LINE-HEIGHT: 1.5em;
}
A {
	COLOR:#1C5BAA; TEXT-DECORATION: none;
}
.project_screenshot {
	MARGIN: 10px 0px; TEXT-ALIGN: center;
}
.partner_logo {
	FLOAT: left; MARGIN: 0px 0px 10px;
}
.partner_logo IMG {
	MARGIN: 0px 10px 0px 0px;
}
.cleared_content {
	CLEAR: both;
}
A:hover {
	TEXT-DECORATION: underline;
}
.info_box_content UL {
	MARGIN-TOP: -5px; MARGIN-BOTTOM: 20px;
}
.info_box_content LI {
	MARGIN: 5px 0px 0px 15px; LINE-HEIGHT: 1.5em;
}
.info_box_slide {
	padding-right:5px;
	PADDING-LEFT: 28px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	height:20px;
	TEXT-ALIGN: left;
	width: 43%;
	background-image: url(../images/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	overflow: visible;
}
.small_info_box {
	FLOAT: left;
	WIDTH: 29%;
	background-image: url(../images/small-info-box-background.png);
	background-repeat: repeat-x;
	border: thin solid #E8E8E8;
	margin-left: 1%;
	margin-right: 1%;
	padding: 5px;
}
.small_info_box h1  {
font-size:1.5em;
}
.small_info_box h1 {
font-weight:normal;
margin-bottom:5px;
}
 
.small_info_box P {
	MARGIN-BOTTOM: 5px;
}
.small_info_box A {
	 color:#333333;
}
.small_box_icon {
	PADDING-RIGHT: 10px; FLOAT: left;
}
.dark_green_box .header1 a {
	COLOR: #99cc00;
}
.dark_green_box A:hover {
	text-decoration:none;
	COLOR: #99cc00;
}
.light_green_box .header1 a {
	COLOR: #66cc66;
}
.light_green_box A:hover {
	text-decoration:none;
	COLOR: #66cc66;
}
.blue_box .header1 a{
	COLOR: #3a5997! important;
}
.blue_box A:hover {
	text-decoration:none;
	COLOR: #3a5997! important;
}
.red_box H1 {
	COLOR: #ed3323! important;
}
.red_box A:hover {
	text-decoration:none;
	COLOR: #ed3323! important;
}
.left {
	FLOAT: left;
}
.right {
	FLOAT: right;
}
LABEL {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; WIDTH: 250px; PADDING-TOP: 3px;
}
INPUT {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; WIDTH: 250px; PADDING-TOP: 3px;
}
TEXTAREA {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; WIDTH: 250px; PADDING-TOP: 3px;
}
TEXTAREA {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; FONT-FAMILY: arial, sans-serif; HEIGHT: 100px;
}
LABEL {
	PADDING-RIGHT: 10px; FONT-WEIGHT: bold; WIDTH: 60px; TEXT-ALIGN: right;
}
FORM BR {
	CLEAR: left;
}
.submit {
	WIDTH: auto;
	margin-left:150px;
}
#footer_container {
	border-top:#666666 thin solid;
	height: 0px;
	clear: both;
}
#footer {
	MARGIN: 0px auto; PADDING-TOP: 10px;
}
#footer P {
}
.right_aligned_text {
	TEXT-ALIGN: right;
}
#header_container {
	background-image: url(../images/headerbg.gif);
	background-repeat: repeat-x;
}
#page_container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}
#content_container h3 {
	color: #1671CA;
}
#content_container ol {
	color: #1671CA;
}
#info_box_centered_container {
	clear: both;
	width: 55%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 10px;
	border: thin solid #E8E8E8;
}
p {
	text-align: justify;
}
.info_box_middle img {
	float: left;
	border: thin solid #CCCCCC;
	margin: 3px;
}
div.validationerror, span.validationerror {
color:red;
font-family:message-box;
/*left:20px;*/
/*position:relative;*/
padding-left:340px;
/*padding-top:25px;*/
}
input.validationerror,textarea.validationerror {
border:1px solid #DD7870;
PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; WIDTH: 250px; PADDING-TOP: 3px;
}
/*.input_error {
border:1px solid #DD7870;
}
.error_hide {
margin-left:80px;
visibility:hidden;
}
.error_show {
margin-left:80px;
color:#DD7870;
 
}*/
#info_box_container .logos li {
	text-decoration: none;
	float: left;
	list-style-type: none;
}
#info_box_container .logos img {
	/*height: 70px;
	width: 120px;*/
	margin: 5px;
}
 
/*test*/
#info_box_middle .logos li {
	text-decoration: none;
	float: left;
	list-style-type: none;
}
#info_box_middle .logos img {
	/*height: 70px;
	width: 120px;*/
	margin: 5px;
}
.header1 {
font-size:large;
}
/*FB*/
input[type=hidden]{
	display:none;
}

#web_application_container .logos li {
	text-decoration: none;
	float: left;
	list-style-type: none;
}
#web_application_container .logos img {
	/*height: 70px;
	width: 120px;*/
	margin: 5px;
}
.twoColumn {
float:left;
padding-right:20px;
width:44%;
}
.toggle a {
cursor:pointer;
}

#slideshow_wrapper { width:520px; clear: both; margin-bottom: 20px; }
#slideshow { overflow: hidden; width: 425px; float: left; position:relative; margin-right: 5px; }
#slideshow_inner { position: relative; width: 520px; }
#slideshow_inner a { opacity:0.7; margin: 0 7px; }
#slideshow_inner a:hover { opacity: 1; }

#samples {
font-size:18px;	
}

ul li {
	list-style-type:circle;
}
</style>
<div></div>
<div style="width:520px;">
<!-- set up our text links -->
<div id="buttons">
<a href="#" clicktoshow="Wordpress" clicktohide="Flyers, Listings, Contact">Wordpress for Real Estate --  </a>
<a href="#" clicktoshow="Listings" clicktohide="Wordpress, Flyers, Contact">Property Blogsites -- </a>
<a href="#" clicktoshow="Flyers" clicktohide="Wordpress, Listings, Contact">Facebook Listing Flyers -- </a>
<a href="#" clicktoshow="Contact" clicktohide="Wordpress, Listings, Flyers">Contact -- </a>
</div>
<!-- Content to display when user clicks on the Home tab -->
<div id="Wordpress">
<br/><br/>
     <img src="http://www.realivent.com/facebook/realiventfanpage/images/wordpress-banner-1.gif" />
    <p>Realivent is a powerful online marketing platform for real estate using Wordpress as a content management system. One account allows you to publish blog content, create HTML flyers, conduct pre-market research with listing polls, launch property websites anytime, anywhere. No IT ? No worries. Your site is fully managed - all you do is produce compelling and relevant content and we take care of running the system. We also have a full suite of internet marketing services for real estate including SEO, landing page optimization, metrics driven marketing, and other inbound marketing services to drive traffic and leads. </p>
    <p><img src="http://www.realivent.com/facebook/realiventfanpage/images/custom-theme1.gif" width="520" height="583" /><br/><br/>       
    </p>
<h3>Benefits for Brokers and Agents</h3>
        <ul>
        <li>Fully managed - Agents focuses on producing relevant and compelling content and we run the system</li>
        <li>Feature your listings with listings application</li>
        <li>No webmaster required.</li>
        <li>No IT.</li>
        <li>Easy to get started.</li>
        </ul>        
</div>

<!-- Content to display when user clicks on the Specials tab -->
<div id="Facebook" style="display: none;">
Facebook
</div>

<!-- Content to display when user clicks on the Locations tab -->
<div id="Listings" style="display: none;">
<br/><br/>
<h1>Property Websites</h1>
Realivent's property websites are feature packed with tools that will make your listings stand out from the crowd. Impress your sellers with rich photo galleries (with unlimited photo uploads), neighborhood information, bird's eye view maps, videos, Twitter, Facebook, and local reviews. Capture new buyer leads with stong call-to-action elements and optimized lead capture forms. Track your efforts with Google and real time analytics.
<img src="http://www.realivent.com/facebook/realiventfanpage/images/property-site-2.gif" width="520" height="572" />
<img src="http://www.realivent.com/facebook/realiventfanpage/images/propsite-specs.gif" width="520" height="524" />
</div>

<div id="Flyers" style="display: none;">
<br/><br/>
<h1>Listing Flyers</h1>
Realivent's property websites are feature packed with tools that will make your listings stand out from the crowd. Impress your sellers with rich photo galleries (with unlimited photo uploads), neighborhood information, bird's eye view maps, videos, Twitter, Facebook, and local reviews. Capture new buyer leads with stong call-to-action elements and optimized lead capture forms. Track your efforts with Google and real time analytics.
<img src="http://www.realivent.com/facebook/realiventfanpage/images/flyer-sample-1.gif" />
</div>

<div id="Contact" style="display:none;">
<br/><br/>
<link href="http://www.realivent.com/facebook/realiventfanpage/contact.css?v=1" rel="stylesheet" type="text/css" />
  <div >
        <h1>Comments or Questions?</h1>
        <p>Send any questions or comments. If you prefer, you may use the <a href="http://www.realivent.com/contact.php" target="_blank">contact form</a> on the Realivent's website. Can't wait to hear from you. Thanks!</p>
	
    <form action="http://www.realivent.com/facebook/realiventfanpage/fbcontact.php" id="ContactForm" name="ContactForm" method="post">
    <table width="320" border="0">
  <tr>
    <td width="70" align="left" valign="top"><label>Name</label></td>
    <td align="left" valign="top"><input type="text" tabindex="1" value="" name="name" id="name" style="width:250px; "/></td>
  </tr>
  <tr>
    <td align="left" valign="top"><label>Email</label></td>
    <td align="left" valign="top"><input type="text" tabindex="2" value="" name="email" id="email" style="width:250px; "/></td>
  </tr>
  <tr>
    <td align="left" valign="top"><label>Phone</label></td>
    <td align="left" valign="top"><input type="text" tabindex="3" value="" name="telephone" id="telephone" style="width:250px; "/></td>
  </tr>
  <tr>
    <td align="left" valign="top"><label>Subject</label></td>
    <td align="left" valign="top"><input type="text" tabindex="4" value="" name="subject" id="subject" style="width:250px; "/></td>
  </tr>
  <tr>
    <td align="left" valign="top"><label>Message</label></td>
    <td align="left" valign="top"><textarea tabindex="5" name="message" id="message" style="width:250px; height:115px; "/></td>
  </tr>
 <tr>
    <td align="left" valign="top">&nbsp;</td>
    <td align="left" valign="top"><input type="button" class="submit" onclick="submitAJAXForm(this);" value="Send Message"/>
      <input type="hidden" value="0" name="send" id="send" style="display: none;"/>
      <input type="hidden" value="contactus" name="origin" id="origin" style="display: none;"/></td>
  </tr>
  <tr><td colspan="2">
  <div id="form_contact_info">
    <p>408-532-5825<strong></strong> p<br/>
  <a href="http://www.realivent.com" target="_blank">www.realivent.com</a></p>
   </div>
	</td></tr>
	<tr><td colspan="2">
	
<div style="width:480px; padding:10px 20px; font-size:0.9em; ">
<p><strong>Note:</strong> Once <em>Send Message</em> is clicked, the button will read <em>... Sending ...</em><br/>
while your message is being processed. When you receive the pop-up box <br/>
stating that your message has been successfully sent, the process is <br/>
complete. The button will continue to say <em>... Sending ...</em> <br/>
and the form will not change.</p>
</div>
</td></tr>
	</table>
    </form>
 </div>  
</div>

</div><!--End Intro-->

<br/><br/><br/>

<div id="samples">Samples</div>
<div id="slideshow_wrapper" style="width:520px; clear: both; margin-bottom: 20px">
<img id="left_button" src="http://www.webdigi.co.uk/images/facebook/thumbs/prev.png" onclick="goleft(); return false;" style="float: left; display: block; width: 41px; cursor: pointer; opacity: 0.3;" />
<div id="slideshow" style="overflow: hidden; width: 425px; float: left; position:relative; margin-right: 5px">
<div id="slideshow_inner" style="position: relative; width: 1450px">
<a id="slide1" href="http://realivent.com/" title="Real Estate Marketing Platform"><img width=200 height=200 src="http://realivent.com/facebook/realiventfanpage/images/realiventthumb.gif" onmouseover="portfolioshow('default')" /></a> 

<a id="slide2" href="http://realivent.com" title="Robert Lilley Real Estate Brokerage"><img width=200 height=200 src="http://realivent.com/facebook/realiventfanpage/images/boblil_sample1.gif" onmouseover="portfolioshow('boblil')" /></a> 

<a id="slide3" href="http://realivent.com" title="Rozell Real Estate - Keller Williams"><img width=200 height=200 src="http://realivent.com/facebook/realiventfanpage/images/rozellthumb.gif" onmouseover="portfolioshow('rozell')" /></a> 


</div>
</div>
<img id="right_button" src="http://www.webdigi.co.uk/images/facebook/thumbs/next.png" onclick="goright(); return false;" style="float: left; display: block; width: 41px; cursor: pointer;" />
<br/><br/><br/>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div id="projectdetails">
    <div id="default">
	<h3>Slider Tips</h3>
        <p>#1 Start by moving your mouse and scrolling through some samples with  the right and left arrows.</p>
        <p>#2 Hover over a project thumbnail to see the project details.</p>
        <p>#3 To go to the project, click through the thumbnail.</p>
        <p>*Note that facebook security requires users to click first to enable javascript</p>
    </div>
    <div id="" style="display:none">
        <h3>www.RobertLilley.com</h3><p></p>
    </div>
    <div id="boblil" style="display:none">
        <h3>RobertLilley.com</h3><p>RobertLilley.com is a premier real estate brokerage in the Bay Area. </p><p></p><p></p>
        <h3>Features</h3><p>Wordpress as a CMS, Diverse Solutioins IDX, SEO, Galleries</p>
    </div>
    <div id="rozell" style="display:none">
        <h3>Rozell Real Estate - Keller Williams</h3><p>Rozell Real Estate is a large Keller Williams real estate team in Seattle Washington</p>
        <h3>Technologies used</h3><p>PHP, MySQL (With Replication & Cluster), AJAX, HTML, CSS, jQuery, WAP</p>
    </div>
    
</div>

<script>
//Script for slideshow
var numslides = 6;
var slidesvisible = 2;
var currentslide = 0;
var slidewidth = 205;
function goright() {
	if (currentslide <= (numslides-slidesvisible-1)) {
		Animation(document.getElementById('slideshow_inner')).by('right', slidewidth+'px').by('left', '-'+slidewidth+'px').go();
		if (currentslide == (numslides-slidesvisible-1)) {
			Animation(document.getElementById('right_button')).to('opacity', '0.3').go();
			Animation(document.getElementById('left_button')).to('opacity', '1').go();
		} 
		if (currentslide < (numslides-slidesvisible-1)) { Animation(document.getElementById('left_button')).to('opacity', '1').go(); }
		currentslide++;
	}
}
function goleft() {
	if (currentslide > 0) {
		Animation(document.getElementById('slideshow_inner')).by('left', slidewidth+'px').by('right', '-'+slidewidth+'px').go();
		if (currentslide == 1) {
			Animation(document.getElementById('left_button')).to('opacity', '0.3').go();
			Animation(document.getElementById('right_button')).to('opacity', '1').go();
		}
		if (currentslide > 1) { Animation(document.getElementById('right_button')).to('opacity', '1').go(); }
		currentslide--;
	}
}
</script>
<script>
//This area contains script for project details
function portfolioshow(project)
{
	//document.getElementById("projectdetails").

    var p = document.getElementById("projectdetails").getChildNodes();
    for(var a = 0;a < p.length;a++) {
        if(p[a].getTagName().toLowerCase() == 'div') {
            p[a].setStyle("display","none");
        }
    }
    document.getElementById(project).setStyle("display","block");
}
</script>
<script>
function submitAJAXForm(sub) 
{ 
	sub.setDisabled(true);	
	sub.setValue(".. Sending ..");	
	
	var ajax = new Ajax(); 
	ajax.responseType = Ajax.FBML;
 
	ajax.ondone = function(data) 
	{ 
		var msgdialog = new Dialog();
		msgdialog.showMessage('Confirmation', 'The contact form has been submitted.'); 
		return false;
	}

	ajax.onerror = function() {
		var msgdialog = new Dialog();
		msgdialog.showMessage('Error', 'An error has occurred while trying to submit.'); 
		return false;
	}
 
	// collect field values
	var queryParams = { 
		'name' : document.getElementById('name').getValue(), 
		'email' : document.getElementById('email').getValue(),
		'telephone' : document.getElementById('telephone').getValue(),
		'subject' : document.getElementById('subject').getValue(),
		'message' : document.getElementById('message').getValue(),
		'send' : document.getElementById('send').getValue(),
		'origin' : document.getElementById('origin').getValue()
	};
	ajax.post('http://www.realivent.com/facebook/realiventfanpage/fbcontact.php', queryParams);
	return false;
}
</script>

